<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8"/>
	<link rel="stylesheet" href="css/styleZadacha4variant 2.css" />
	<title>Zadacha 4 Forms </title>
</head>
<body>
	<form method="post" action="neshtosi.php">
	
		<table id="MainTab">
			
			<thead>
				<tr>
					<th id="header" colspan="2">
						<ul id="nav">
							<li><a href="#" title="Apple">Apple</a></li>
							<li><a href="#" title="Toshiba">Toshiba</a></li>
							<li><a href="#" title="Lenovo">Lenovo</a></li>
							<li><a href="#" title="Dell">Dell</a></li>
							<li><a href="#" title="Asus">Asus</a></li>
							<li><a href="#" title="Hacer">Hacer</a></li>
							<li><a href="#" title="HP">HP</a></li>
						</ul>
					</th>
				</tr>
			</thead>
			
			<tbody>
				<tr>
					<td>
						<table  id="TabwithFieldsets">
							<tr>
								<td>
									<fieldset  class="left-fields">
										<legend>AppleMacBookAir</legend>
										
										<table  class="laptopwithdata">
											<tr>
												<td rowspan="2">
													<img src="images/laptop.jpg" alt="laptop"  />
												</td>
												
												<td class="top-right-cell">64Gb SSD</td>
											</tr>
											
											<tr>
												<td>2Gb DDR</td>
											</tr>
											
											<tr>
												<td>1300 USD</td>
												<td>IntelCore i5</td>
											</tr>
										</table>
										
									</fieldset>
								</td>
								
								<td>
									<fieldset  class="right-fields">
										<legend>AppleMacBookAir</legend>
										
										<table  class="laptopwithdata">
											<tr>
												<td rowspan="2">
													<img src="images/laptop.jpg" alt="laptop"  />
												</td>
												
												<td class="top-right-cell">64Gb SSD</td>
											</tr>
											
											<tr>
												<td>2Gb DDR</td>
											</tr>
											
											<tr>
												<td>1300 USD</td>
												<td>IntelCore i5</td>
											</tr>
										</table>
										
									</fieldset>
								</td>
							</tr>
							
							<tr>
								<td>
									<fieldset  class="left-fields">
										<legend>AppleMacBookAir</legend>
										
										<table  class="laptopwithdata">
											<tr>
												<td rowspan="2">
													<img src="images/laptop.jpg" alt="laptop"  />
												</td>
												
												<td class="top-right-cell">64Gb SSD</td>
											</tr>
											
											<tr>
												<td>2Gb DDR</td>
											</tr>
											
											<tr>
												<td>1300 USD</td>
												<td>IntelCore i5</td>
											</tr>
										</table>
										
									</fieldset>
								</td>
								
								<td>
									<fieldset  class="right-fields">
										<legend>AppleMacBookAir</legend>
										
										<table  class="laptopwithdata">
											<tr>
												<td rowspan="2">
													<img src="images/laptop.jpg" alt="laptop"  />
												</td>
												
												<td class="top-right-cell">64Gb SSD</td>
											</tr>
											
											<tr>
												<td>2Gb DDR</td>
											</tr>
											
											<tr>
												<td>1300 USD</td>
												<td>IntelCore i5</td>
											</tr>
										</table>
										
									</fieldset>
								</td>
							</tr>
							
							<tr>
								<td>
									<fieldset  class="left-fields">
										<legend>AppleMacBookAir</legend>
										
										<table  class="laptopwithdata">
											<tr>
												<td rowspan="2">
													<img src="images/laptop.jpg" alt="laptop"  />
												</td>
												
												<td class="top-right-cell">64Gb SSD</td>
											</tr>
											
											<tr>
												<td>2Gb DDR</td>
											</tr>
											
											<tr>
												<td>1300 USD</td>
												<td>IntelCore i5</td>
											</tr>
										</table>
										
									</fieldset>
								</td>
								
								<td>
									<fieldset  class="right-fields">
										<legend>AppleMacBookAir</legend>
										
										<table  class="laptopwithdata">
											<tr>
												<td rowspan="2">
													<img src="images/laptop.jpg" alt="laptop"  />
												</td>
												
												<td class="top-right-cell">64Gb SSD</td>
											</tr>
											
											<tr>
												<td>2Gb DDR</td>
											</tr>
											
											<tr>
												<td>1300 USD</td>
												<td>IntelCore i5</td>
											</tr>
										</table>
										
									</fieldset>
								</td>
							</tr>
						</table>
					</td>
					<td>	
						<table id="table-range-buttons">
							<tr>
								<td>Min price:</td>
								<td class="right-price">500USD</td>
							</tr>
							
							<tr>
								<td colspan="2">
									<input type="range" min="0" max="1000" value="0" step="100" />
								</td>	
							</tr>
							
							<tr>
								<td>Min price:</td>
								<td class="right-price">2000USD</td>
							</tr>
							
							<tr>
								<td colspan="2">
									<input type="range" min="2000" max="3000" value="2000" step="100" />
								</td>	
							</tr>
							
							<tr>
								<td>Min price:</td>
								<td class="right-price">4GB</td>
							</tr>
							
							<tr>
								<td colspan="2">
									<input type="range" min="1" max="8" value="0" step="1" />
								</td>	
							</tr>
							
							<tr>
								<td>Min price:</td>
								<td class="right-price">16GB</td>
							</tr>
							
							<tr>
								<td colspan="2">
									<input type="range" min="8" max="32" value="8" step="2" />
								</td>	
							</tr>
							
						</table>	
						
					</td>
				</tr>
			</tbody>
			
		</table>
	</form>
</body>
</html>